/*
 * @Author: SailorCai
 * @Date: 2020-12-05 22:58:36
 * @LastEditors: SailorCai
 * @LastEditTime: 2020-12-06 23:46:53
 * @FilePath: /chat/client/src/views/pages/ChatList.tsx
 */
import "./ChatList.less"
import { List } from 'antd-mobile';
import Icon from '@/components/font'
const Item = List.Item;

export default function ChatList () {
  return (
    <div className="Adress-list">
      <List>
        <Item align="top" thumb={<div className="chat-thumb new-friend"><Icon type="icon-userplus-fill" /></div>} multipleLine>
          新的朋友
        </Item>
        <Item align="top" thumb={<div className="chat-thumb group"><Icon type="icon-user-group-fill" /></div>} multipleLine>
          群聊
        </Item>
        <Item align="top" thumb={<div className="chat-thumb"><Icon type="icon-tag-fill" /></div>} multipleLine>
          标签
        </Item>
        <Item align="top" thumb={<div className="chat-thumb"><Icon type="icon-user-fill" /></div>} multipleLine>
          公众号
        </Item>
      </List>
    </div>
  )
}
